.pages{
}
.first{
		position: relative;
		// height: 100vh;
		.firstBox{
			padding: 0rpx 0 152rpx;
			text-align: center;
			&-logo{
				image{
					margin: 80rpx auto 16rpx;
					width: 192rpx;
					height: 192rpx;
				}
			}
			&-login{
				// background: url('@/static/public/order-bg.png');
				// background-repeat: no-repeat;
				// background-size: 100% 100%;
				padding: 78rpx 0 20rpx;
				text-align: center;
				image{
					margin: 80rpx auto;
					width: 220rpx;
					height: 220rpx;
				}
			}
			&-titleBox{
				font-size: 48rpx;
				font-family: PingFang SC-Bold, PingFang SC;
				font-weight: bold;
				color: rgba(0,0,0,0.9);
			}
			&-tipsBox{
				font-size: 28rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: #BDBDBD;
				margin: 6rpx 0 96rpx;
			}
			&-radius{
				border-radius: 6% 6% 0 0;
				background: #FFFFFF;
				padding: 48rpx;
				margin: -7% 0 0;
			}
			&-padding{
				padding: 24rpx;
			}
			&-form{
				@include flexLeftColumn;
			}
			&-itemBox{
				background-color: #FFFFFF;
				border-radius: 12rpx;
				width: 100%;
			}
			&-item{
				@include flexLeftColumn;
				width: 100%;
				margin: 0rpx 0 0;
				position: relative;
				&-title{
					font-size: 28rpx;
					font-family: PingFang SC-Semibold, PingFang SC;
					font-weight: 600;
					color: rgba(0,0,0,0.9);
				}
				&-input{
					font-size: 24rpx;
					font-family: PingFang SC-Regular, PingFang SC;
					font-weight: 400;
					color: #000000;
					width: 100%;
					padding: 30rpx 24rpx;
					background-color: #FFFFFF;
					border-radius: 12rpx;
					margin: 0 0 20rpx;
					@include flexLeft;
					&--noMt{
						margin: 0;
					}
					&--active{
						background: #FEF6F5;
						border: 2rpx solid $globalColor-style;
					}
					input{
						text-align: left;
						flex: 1;
					}
					.code{
						position: absolute;
						right: 24rpx;
						font-size: 26rpx;
						font-family: PingFang SC-Regular, PingFang SC;
						font-weight: 400;
						color: $globalColor-style;
						padding: 4rpx 20rpx 6rpx;
						border-radius: 16rpx 16rpx 16rpx 16rpx;
						text-align: center;
						white-space: nowrap;
					}
				}
				&-icon{
					width: 32rpx;
					height: 32rpx;
					margin-right: 18rpx;
				}
				&-img{
					position: absolute;
					bottom: 30%;
					right: 34rpx;
					image{
						width: 40rpx;
						height: 40rpx;
					}
					.zhuan{
						animation: rotate 0.5s;
						animation-fill-mode: forwards;
					}
					@keyframes rotate {
						from {
							transform: rotate(0deg);
						}
					
						to {
							transform: rotate(-180deg);
						}
					}
					&--bottom{
						bottom: 50%;
						z-index: 9;
					}
				}
			}
			&-next{
				@include flexBetween;
				width: 100%;
				&-title{
					font-size: 24rpx;
					font-family: PingFang SC-Regular, PingFang SC;
					font-weight: 400;
					color: rgba(0,0,0,0.6);
					margin: 30rpx 0 0rpx;
				}
				&--right{
					@include flexRight;
					margin: 30rpx 0 0rpx;
					.title{
						font-size: 24rpx;
						font-family: PingFang SC-Regular, PingFang SC;
						font-weight: 400;
						color: rgba(0,0,0,0.6);
					}
				}
			}
			&-register{
				text{
					font-size: 28rpx;
					font-family: PingFang SC-Regular, PingFang SC;
					font-weight: 400;
					color: #ACACAC;
				}
				font-size: 28rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: $globalColor-style;
				text-align: center;
				margin: 78rpx auto 204rpx;
			}
			&-words{
				@include flexLeft;
				font-size: 24rpx;
				font-family: PingFang SC-Medium, PingFang SC;
				font-weight: 500;
				color: #999999;
				margin: 10rpx 0 32rpx;
				&--active{
					color: $globalColor-style;
				}
			}
			&-bottomBox{
				// position: fixed;
				// bottom: 84rpx;
				// left: 0;right: 0;
				@include flexLeft;
				margin:0 0 40rpx;
			}
			&-bottom{
				@include flexCenter;
				&-img{
					width: 32rpx;
					height: 32rpx;
					margin-right: 8rpx;
				}
				&-title{
					font-size: 24rpx;
					font-family: PingFang SC-Regular, PingFang SC;
					font-weight: 400;
					color: #999999;
					&-choice{
						font-size: 24rpx;
						font-family: PingFang SC-Regular, PingFang SC;
						font-weight: 400;
						color: #333333;
					}
				}
			}
		}
	}
	
.inputStyle{
	font-family: PingFang SC, PingFang SC;
	font-weight: 400;
	font-size: 28rpx;
	color: #979797;
}	
	
.initBtn{
	position: fixed;
	left: 0;right: 0;
	bottom: 324rpx;
	width: calc(100% - 34rpx - 34rpx);
	margin: auto;
}